<template>
  <div>
    <!-- TODO: 文章列表视图 -->
    <v-data-table :items="articleList"></v-data-table>
  </div>
</template>

<script setup lang="ts">

// TODO: 文章列表接口
const articleList = ref([
  {
    id: 1,
    title: 'Vue',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 2,
    title: 'React',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 3,
    title: 'Angular',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 4,
    title: 'Node.js',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 5,
    title: 'TypeScript',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 6,
    title: 'JavaScript',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 7,
    title: 'HTML',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 8,
    title: 'CSS',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 9,
    title: 'Vue 3',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 10,
    title: 'React 18',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 11,
    title: 'Angular 15',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 12,
    title: 'Node.js 18',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 13,
    title: 'TypeScript 4.8',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
  {
    id: 14,
    title: 'JavaScript 2023',
    createTime: '2023-01-01',
    updateTime: '2023-01-01',
    clickCount: 100,
    commentCount: 10,
    status: 'published',
    cover: '',
  },
])

// TODO: 文章一览列表

</script>

<style lang="less" scoped>

</style>